<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>罗技官方商城 | 鼠标、键盘、遥控器、音箱及更多产品 – 中国 - 罗技官方商城</title>
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="../static/stylesheets/swiper.css" />
    <script src="../static/javascripts/glt.js"></script>
    <script src="../static/javascripts/jQuery.js"></script>
    <link rel="shortcut icon" href="../static/images/favicon.ico" type="/image/x-icon">
</head>

<body>
    <header class="head-box">
        <div class="head-top">
            <div class="top bx">
                <div class="top-le">
                    <span id="wd"></span>
                    <span>您好,欢迎来到罗技官方商城&emsp;&emsp;&emsp;</span>
                    <span id="wdd">
                        <a href="../dist/login.html">请登录&emsp;</a>
                        <span>|&emsp;</span>
                        <a href="../dist/register.html">注册</a>
                    </span>
                    <a href="javascript:void(0);" id="exit" style="display: none;">退出登录</a>


                </div>
                <div class="top-ri">
                    <a href="javascript:void(0);" id="account">我的账户 &emsp;|</a>
                    <a href="javascript:void(0);">购物车</a>
                    <span class="span-le"> 售前4006260228</span>
                    <span>售后4008200338</span>
                </div>
            </div>
        </div>
        <div class="head-ne">
            <div class="ne bx">
                <a href="../dist/index.html"><img src="https://store.logitech.com.cn/images/logo.png" alt="" /></a>
                <a href=""><img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-11-19/NEW_XM/xq.gif"
                        alt="" /></a>
                <div class="head-sear">
                    <div class="search-box" id="topSearch">
                        <input placeholder="活动页右面(远程办公) 搜索不好用别点了 我的账户有惊喜" type="text" id="txtKeyName" autocomplete="off"
                            style="width: 370px" />
                        <a class="search-sure" href="javascript:void(0);" id="btnSearch"></a>
                    </div>
                    <p class="meat">
                        热门搜索:
                        <a href="" target="_blank">PRO X无线游戏耳机</a>
                        <a href="" target="_blank">M575轨迹球鼠标</a>
                        <a href="" target="_blank" class="pz">G102二代</a>
                    </p>
                </div>
                <a href="../dist/activ.html">
                    <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-06-29/NEW_XM/视频办公(1).gif"
                        alt="" />
                </a>
            </div>
        </div>
    </header>
    <nav class="nav-box" id="f1">
        <div class="container bx">
            <ul id="Nav" class="nav clearfix">
                <li class="classify">
                    <a class="first-a" href="">全部产品分类</a>
                    <div class="classify-nav" style="">
                        <dl>
                            <dt>
                                <a href="../dist/list.html" target="_blank">
                                    <i class="icon-classify-03"></i>音乐类
                                </a>
                            </dt>

                            <dd>
                                <a href="../dist/list.html" target="_blank">Blue麦克风</a>
                                <a href="../dist/list.html" target="_blank">蓝牙音箱</a>
                                <a href="../dist/list.html" target="_blank">入耳式耳机</a>
                            </dd>
                            <dt>
                                <a href="../dist/list.html" target="_blank">
                                    <i class="icon-classify-04"></i>平板电脑周边
                                </a>
                            </dt>
                            <dd>
                                <a href="" target="_blank">平板电脑周边</a>
                            </dd>
                            <dt>
                                <a href="../dist/list.html" target="_blank">
                                    <i class="icon-classify-02"></i>游戏类
                                </a>
                            </dt>
                            <dd>
                                <a href="../dist/list.html" target="_blank">游戏鼠标</a>
                                <a href="../dist/list.html" target="_blank">游戏鼠标垫</a>
                                <a href="../dist/list.html" target="_blank">游戏耳机麦克风</a>
                                <a href="../dist/list.html" target="_blank">方向盘</a>
                                <a href="../dist/list.html" target="_blank">罗技飞行模拟器</a>
                                <a href="../dist/list.html" target="_blank">游戏键盘</a>
                            </dd>
                            <dt>
                                <a href="../dist/list.html" target="_blank">
                                    <i class="icon-classify-01"></i>个人电脑周边
                                </a>
                            </dt>
                            <dd>
                                <a href="../dist/list.html" target="_blank">电脑耳机麦克风</a>
                                <a href="../dist/list.html" target="_blank">有线键盘</a>
                                <a href="../dist/list.html" target="_blank">摄像头</a>
                                <a href="../dist/list.html" target="_blank">无线键鼠套装</a>
                                <a href="../dist/list.html" target="_blank">演示器</a>
                                <a href="../dist/list.html" target="_blank">摄像头配件</a>
                                <a href="../dist/list.html" target="_blank">蓝牙鼠标</a>
                                <a href="../dist/list.html" target="_blank">激光鼠标</a>
                                <a href="../dist/list.html" target="_blank">无线鼠标</a>
                                <a href="../dist/list.html" target="_blank">有线键鼠套装</a>
                                <a href="../dist/list.html" target="_blank">有线鼠标</a>
                                <a href="../dist/list.html" target="_blank">无线键盘</a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="">
                    <a class="first-a" href="https://store.logitech.com.cn/product/pointindex/" id="0">会员福利</a>
                </li>
                <li class="">
                    <a class="first-a" href="https://store.logitech.com.cn/Product" id="1">新品专区</a><em
                        class="hot-bg"></em>
                </li>
                <li class="">
                    <a class="first-a" href="https://store.logitech.com.cn/Product?keyvalue=配件" id="0">配件专区</a>
                </li>
                <li class="">
                    <a class="first-a" href="https://store.logitech.com.cn/Product/SalePromotion/185" id="0">会议专区</a>
                </li>
                <li class="">
                    <a class="first-a" href="https://store.logitech.com.cn/Product/SalePromotion/80" id="1">企业采购</a><em
                        class="hot-bg"></em>
                </li>
                <li class="">
                    <a class="first-a" href="/help/AboutLogitech" id="0">关于罗技</a>
                </li>
            </ul>
        </div>
    </nav>

    <section id="f2">
        <div class="father" id="fff">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" data_color="#F6C6DF">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-08-18/NEW_XM/pop.jpg"
                            alt="" />
                    </div>
                    <div class="swiper-slide" data_color="#104C8A">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-07-14/NEW_XM/kda-pc.jpg"
                            alt="" />
                    </div>
                    <div class="swiper-slide" data_color="#A6FFED">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-08-20/NEW_XM/g335-pc.jpg"
                            alt="" />
                    </div>
                    <div class="swiper-slide" data_color="#BEBEBE">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-02-02/NEW_XM/PRO X SUPERLIGHT.jpg"
                            alt="" />
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
                <div class="swiper-pagination"></div>
                <div class="swiper-pagination"></div>
                <div class="swiper-pagination"></div>
            </div>
            <div class="top-left-banner">
                <div class="banner-box" style="margin-left: 0px;">
                    <a href="/pro/proIndex?keyvalue=m380" title="c270" target="_blank">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-07-20/NEW_XM/m380-3.png"
                            alt="c270" onerror="javascript:this.src='/images/picerror.jpg'">
                    </a>
                </div>
                <div class="banner-box" style="margin-left: 0px;">
                    <a href="https://store.logitech.com.cn/product/Detail/7600" title="m100r" target="_blank">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-08-20/NEW_XM/G304-3.png"
                            alt="m100r" onerror="javascript:this.src='/images/picerror.jpg'">
                    </a>
                </div>
            </div>
        </div>

        <div class="container">
            <!--广告位5-->
            <aside class="index-box">
                <ul class="index-add-list-02 bx">
                    <li class="add-01">
                        <a href="javascript:void(0);" title="联名" target="_blank">
                            <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-08-16/NEW_XM/G733-2.jpg"
                                alt="联名" onerror="javascript:this.src='/images/picerror.jpg'" style="display: block;">
                        </a>
                    </li>
                    <li class="add-02">
                        <a href="javascript:void(0);" title="g102二代" target="_blank">
                            <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-14/NEW_XM/pebble.jpg"
                                alt="g102二代" onerror="javascript:this.src='/images/picerror.jpg'"
                                style="display: block;">
                        </a>
                    </li>
                    <li class="add-03">
                        <a href="javascript:void(0);" title="master3" target="_blank">
                            <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-04-23/NEW_XM/master%203.jpg"
                                alt="master3" onerror="javascript:this.src='/images/picerror.jpg'"
                                style="display: block;">
                        </a>
                    </li>
                    <li class="add-04">
                        <a href="javascript:void(0);" title="keys" target="_blank">
                            <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-04-23/NEW_XM/KEYS.jpg"
                                alt="keys" onerror="javascript:this.src='/images/picerror.jpg'" style="display: block;">
                        </a>
                    </li>
                </ul>
            </aside>
            <aside class="index-box clearfix" id="f3">
                <h3 class="index-h3-title">
                    <span class="name">
                        <img src="https://store.logitech.com.cn/images/index-title-01.png">
                    </span><a class="more-a" href="/pro/proIndex?keyvalue=游戏">更多&gt;&gt;</a>
                </h3>
                <div class="banner-content bx">
                    <div class="left-banner" style="top: -16px;">
                        <div class="sc_container">
                            <ul style="list-style: none;">
                                <li class="" style="width: 407px;">
                                    <a href="javascript:void(0);" title="G913" target="_blank">
                                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-24/NEW_XM/g913-.jpg"
                                            alt="G913" onerror="javascript:this.src='/images/picerror.jpg'"
                                            style="display: block;">
                                    </a>
                                </li>

                            </ul>
                        </div>
                    </div>
                    <ul class="index-add-list-03 game bx">
                        <li class="add-01">
                            <a href="javascript:void(0);" title="G PRO无线有线双模游戏机械鼠标" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-24/NEW_XM/pro-.jpg"
                                    alt="G PRO无线有线双模游戏机械鼠标" onerror="javascript:this.src='/images/picerror.jpg'"
                                    style="display: block;">
                            </a>
                        </li>
                        <li class="add-02">
                            <a href="javascript:void(0);" title="G502主宰者" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-24/NEW_XM/502-.jpg"
                                    alt="G502主宰者" onerror="javascript:this.src='/images/picerror.jpg'"
                                    style="display: block;">
                            </a>
                        </li>
                        <li class="add-03">
                            <a href="javascript:void(0);" title="g102" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-24/NEW_XM/g102.jpg"
                                    alt="g102" onerror="javascript:this.src='/images/picerror.jpg'"
                                    style="display: block;">
                            </a>
                        </li>
                        <li class="add-04">
                            <a href="javascript:void(0);" title="g304" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-24/NEW_XM/g04.jpg"
                                    alt="g304" onerror="javascript:this.src='/images/picerror.jpg'"
                                    style="display: block;">
                            </a>
                        </li>
                        <li class="add-05">
                            <a href="javascript:void(0);" title="g402" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-24/NEW_XM/402.jpg"
                                    alt="g402" onerror="javascript:this.src='/images/picerror.jpg'"
                                    style="display: block;">
                            </a>
                        </li>
                    </ul>
                </div>
            </aside>
            <aside class="index-box clearfix">
                <h3 class="index-h3-title">
                    <span class="name">
                        <img src="https://store.logitech.com.cn/images/index-title-02.png">
                    </span><a class="more-a" href="/pro/proIndex?keyvalue=商务办公">更多&gt;&gt;</a>
                </h3>
                <div class="banner-content">
                    <div class="left-banner">
                        <div class="sc_container">
                            <ul>
                                <li class="" style="width: 407px;">
                                    <a href="javascript:void(0);" title="MX ANYWHERE 3" target="_blank">
                                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/anywhere3.jpg"
                                            alt="MX ANYWHERE 3" onerror="javascript:this.src='/images/picerror.jpg'"
                                            style="display: block;">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <ul class="index-add-list-03">
                        <li class="add-01">
                            <a href="javascript:void(0);" title="mk270" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-04-23/NEW_XM/mk270.jpg"
                                    alt="mk270" onerror="javascript:this.src='/images/picerror.jpg'"
                                    style="display: block;">
                            </a>
                        </li>
                        <li class="add-02">
                            <a href="javascript:void(0);" title="mk850" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-04-23/NEW_XM/k380.jpg"
                                    alt="mk850" onerror="javascript:this.src='/images/picerror.jpg'"
                                    style="display: block;">
                            </a>
                        </li>
                        <li class="add-03">
                            <a href="javascript:void(0);" title="m325" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-04-23/NEW_XM/m325.jpg"
                                    alt="m325" onerror="javascript:this.src='/images/picerror.jpg'"
                                    style="display: block;">
                            </a>
                        </li>
                        <li class="add-04">
                            <a href="javascript:void(0);" title="m220" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/m220.jpg"
                                    alt="m220" onerror="javascript:this.src='/images/picerror.jpg'"
                                    style="display: block;">
                            </a>
                        </li>
                        <li class="add-05">
                            <a href="javascript:void(0);" title="k580" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/k580.jpg"
                                    alt="k580" onerror="javascript:this.src='/images/picerror.jpg'"
                                    style="display: block;">
                            </a>
                        </li>
                    </ul>
                </div>
            </aside>
            <aside class="index-box clearfix">
                <h3 class="index-h3-title">
                    <span class="name">
                        <img src="https://store.logitech.com.cn/images/index-title-04.png">
                    </span><a class="more-a" href="javascript:void(0);">更多&gt;&gt;</a>
                </h3>
                <div class="banner-content">
                    <div class="left-banner">
                        <div class="sc_container">
                            <ul>
                                <li class="" style="width: 407px;">
                                    <a href="javascript:void(0);" title="Crayon多功能精准数字笔" target="_blank">
                                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/%E5%B9%B3%E6%9D%BF%E5%91%A8%E8%BE%B9.jpg"
                                            alt="Crayon多功能精准数字笔" style="display: block;">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <ul class="index-add-list-03">
                        <li class="add-01">
                            <a href="javascript:void(0);" title="ik1175" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/1175.jpg"
                                    alt="ik1175" style="display: block;">
                            </a>
                        </li>
                        <li class="add-02">
                            <a href="javascript:void(0);" title="Combo Touch" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/touch.jpg"
                                    alt="Combo Touch" style="display: block;">
                            </a>
                        </li>
                        <li class="add-03">
                            <a href="javascript:void(0);" title="ik1055BK" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/1055.jpg"
                                    alt="ik1055BK" style="display: block;">
                            </a>
                        </li>
                        <li class="add-04">
                            <a href="javascript:void(0);" title="ik1274" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/1274.jpg"
                                    alt="ik1274" style="display: block;">
                            </a>
                        </li>
                        <li class="add-05">
                            <a href="javascript:void(0);" title="Craft无线键盘" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/1174.jpg"
                                    alt="Craft无线键盘" style="display: block;">
                            </a>
                        </li>
                    </ul>
                </div>
            </aside>
            <aside class="index-box clearfix" id="f4">
                <h3 class="index-h3-title">
                    <span class="name">
                        <img src="https://store.logitech.com.cn/images/index-title-05.png">
                    </span><a class="more-a" href="javascript:void(0);">更多&gt;&gt;</a>
                </h3>
                <div class="banner-content">
                    <div class="left-banner">
                        <div class="sc_container">
                            <ul>
                                <li class="" style="width: 407px;">
                                    <a href="javascript:void(0);" title="g923" target="_blank">
                                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-01-07/NEW_XM/g923.jpg"
                                            alt="g923" style="display: block;">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <ul class="index-add-list-03">
                        <li class="add-01">
                            <a href="javascript:void(0);" title="Instrument Panel" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/panel.jpg"
                                    alt="Instrument Panel" style="display: block;">
                            </a>
                        </li>
                        <li class="add-02">
                            <a href="javascript:void(0);" title="g29" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/g29.jpg"
                                    alt="g29" style="display: block;">
                            </a>
                        </li>
                        <li class="add-03">
                            <a href="javascript:void(0);" title="instrument" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/%E5%B8%A6%E8%84%9A%E5%B0%96.jpg"
                                    alt="instrument" style="display: block;">
                            </a>
                        </li>
                        <li class="add-04">
                            <a href="javascript:void(0);" title="radio" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/%E4%B8%93%E7%94%A8.jpg"
                                    alt="radio" style="display: block;">
                            </a>
                        </li>
                        <li class="add-05">
                            <a href="javascript:void(0);" title="x52" target="_blank">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/x52.jpg"
                                    alt="x52" style="display: block;">
                            </a>
                        </li>
                    </ul>
                </div>
            </aside>
            <aside class="index-news-box">
                <h3 class="index-h3-title">
                    <span class="name">小智真帅</span>
                    <a class="more-a" href="javascript:void(0);">更多&gt;&gt;</a>
                </h3>
                <ul id="indexNewsList" class="news-list clearfix">
                    <li>
                        <div class="img-wrap">
                            <a href="javascript:void(0);">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2019-11-22/20191122181754_7792.jpg"
                                    style="width: 375px; height: 246px; opacity: 1; margin-left: -187.5px; margin-top: -123px;">
                                <div class="bg"></div>
                            </a>
                        </div>
                        <div class="text-wrap">
                            <div class="text-inner">
                                <p class="name"><a href="">罗技G502 LIGHTSPEED创世者无线游戏鼠标入选《时代》杂志2019年度100大最佳创新产品</a> </p>
                                <p class="time">2019-11-22 18:18 </p>
                                <p class="text">
                                    未来，罗技G将更加关注用户体验，将创新与前沿科技不断引入产品。
                                </p>
                                <p class="more"><a href=""> more &gt;&gt;</a>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="img-wrap">
                            <a href="javascript:void(0);">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2019-05-22/20190522143436_3779.jpg"
                                    style="width: 380px; height: 246px; opacity: 1; margin-left: -190px; margin-top: -123px;">
                                <div class="bg"></div>
                            </a>
                        </div>
                        <div class="text-wrap">
                            <div class="text-inner">
                                <p class="name"><a href="">25项国际设计大奖，罗技全囊获！</a> </p>
                                <p class="time">2019-05-22 14:34 </p>
                                <p class="text">
                                    退后，小罗要亮大招了。
                                </p>
                                <p class="more"><a href="javascript:void(0);"> more &gt;&gt;</a>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="odd">
                        <div class="text-wrap">
                            <div class="text-inner">
                                <p class="name"><a href="">罗技19财年收官，全球业绩连续第<br>三年双位数增长！</a> </p>
                                <p class="time">2019-05-09 10:18 </p>
                                <p class="text">
                                    强势增长，再创新高！
                                </p>
                                <p class="more"><a href=""> more &gt;&gt;</a>
                                </p>
                            </div>
                        </div>
                        <div class="img-wrap">
                            <a href="">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2019-05-09/20190509101842_5074.jpg"
                                    style="width: 375px; height: 246px; opacity: 1; margin-left: -190px; margin-top: -123px;">
                                <div class="bg"></div>
                            </a>
                        </div>

                    </li>
                    <li class="odd">
                        <div class="text-wrap">
                            <div class="text-inner">
                                <p class="name"><a href="">Jaybird教你用RUN|如何操控耳机</a> </p>
                                <p class="time">2018-09-10 09:13 </p>
                                <p class="text">
                                    教你用RUN|如何操控耳机
                                </p>
                                <p class="more"><a href=""> more &gt;&gt;</a>
                                </p>
                            </div>
                        </div>
                        <div class="img-wrap">
                            <a href="">
                                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2018-09-21/20180921125922_5026.jpg"
                                    style="width: 380px; height: 246px; opacity: 1; margin-left: -190px; margin-top: -123px;">
                                <div class="bg"></div>
                            </a>
                        </div>

                    </li>
                </ul>
            </aside>

        </div>
    </section>
    <footer class="footer-box" id="f5">
        <aside class="footer-wrap fw">
            <div class="container servers-box">
                <span>
                    <i class="servers-01"></i>
                    快递送货 产品直达
                </span>
                <span>
                    <i class="servers-02"></i>
                    独家优惠 丰富活动
                </span>
                <span>
                    <i class="servers-03"></i>
                    官方网购 正品保证
                </span>
                <span>
                    <i class="servers-04"></i>
                    多种类型 方便支付
                </span>
                <span>
                    <i class="servers-05"></i>
                    所有产品 均有售后
                </span>
            </div>
        </aside>
        <aside class="footer-wrap">
            <div class="container help-box">
                <dl class="help-dl">
                    <dt>|&nbsp;新手指南</dt>
                    <dd><a href="" target="_blank">如何注册</a></dd>
                    <dd><a href="" target="_blank">购买流程</a></dd>
                    <dd><a href="" target="_blank">积分政策</a></dd>
                </dl>
                <dl class="help-dl">
                    <dt>|&nbsp;支付方式</dt>
                    <dd><a href="" target="_blank">银行汇款</a></dd>
                    <dd><a href="" target="_blank">发票问题</a></dd>
                    <dd><a href="" target="_blank">在线支付</a></dd>
                </dl>
                <dl class="help-dl">
                    <dt>|&nbsp;配送方式</dt>
                    <dd><a href="" target="_blank">配送范围及运费</a></dd>

                    <dd><a href="" target="_blank">圆通配送</a></dd>
                </dl>
                <dl class="help-dl">
                    <dt>|&nbsp;售后服务</dt>
                    <dd><a href="" target="_blank">罗技售后网点</a></dd>

                    <dd><a href="" target="_blank">售后服务承诺</a></dd>
                    <dd><a href="" target="_blank">退款说明</a></dd>
                </dl>
                <dl class="help-dl">
                    <dt>|&nbsp;罗技官方网站</dt>
                    <dd><a href="" target="_blank">常见问题</a></dd>
                    <dd><a href="" target="_blank">技术支持</a></dd>
                    <dd><a href="" target="_blank">交易条款</a></dd>
                </dl>
                <div class="help-contact">
                    <a class="user-a" href="javaScript:;" onclick="Onclickkefu()">
                        <p class="p1">在线客服</p>
                    </a>
                    <p class="p1">4006260228</p>
                    <p class="p2">周一至周五: 9:00-18:00</p>

                </div>
            </div>
        </aside>
        <aside class="last-aa">
            <div class="container copyright">
                <p>罗技官方商城由罗技（中国）科技有限公司授权双齐国际贸易（上海）有限公司负责经营 2021 , all rights reserved</p>
                <p>
                    <a style="color: #7f7f7f;" href="" target="_blank">罗技官方网站</a>
                    <a style="color: #7f7f7f;" href="" target="_blank">联系方式</a>
                    <a style="color: #7f7f7f;" href="" target="_blank">隐私声明</a>
                    <a style="color: #7f7f7f;" href="" target="_blank">用户服务协议</a>

                    <a style="color: #7f7f7f;" href="" target="_blank">沪ICP备12002604号-1</a>
                </p>
            </div>
            <div class="container copyright" style="text-align: center; padding: 0px 0px 0px 0px">
                <a id="imgurl" href="" title="电子营业执照" target="_blank"><img
                        src="https://store.logitech.com.cn/images/lz4.png"
                        style="width: 1%;height: auto;margin-right: 2px;" width="62" height="62" border="0"></a>



                <span id="cnzz_stat_icon_1254611721"><a href="" charset="utf-8" type="text/javascript"></script>
            </div>
        </aside>
    </footer>
    <div id="f1"></div>
    <div id="f2"></div>
    <div id="f3"></div>
    <div id="f4"></div>
    <div id="f5"></div>
    <script>
        var arr = [
            {id:"f1",name:"杨"},
            {id:"f2",name:"怀"},
            {id:"f3",name:"智"},
            {id:"f4",name:"真"},
            {id:"f5",name:"帅"},
            ];
        glt(arr)
    </script>
    <div id="boxs" style="width: 60px; min-height: 350px; position: fixed; bottom: 0px; right: 0px; margin: 30px;">
        <div id="mf1" class="box"
            style="width: 50px; height: 50px; background-color: black; margin: 5px auto; cursor: pointer; display: flex; justify-content: center; align-items: center; color: white;">
            杨</div>
        <div id="mf2" class="box"
            style="width: 50px; height: 50px; background-color: white; margin: 5px auto; cursor: pointer; display: flex; justify-content: center; align-items: center; color: black;">
            怀</div>
        <div id="mf3" class="box"
            style="width: 50px; height: 50px; background-color: white; margin: 5px auto; cursor: pointer; display: flex; justify-content: center; align-items: center; color: black;">
            智</div>
        <div id="mf4" class="box"
            style="width: 50px; height: 50px; background-color: white; margin: 5px auto; cursor: pointer; display: flex; justify-content: center; align-items: center; color: black;">
            真</div>
        <div id="mf5" class="box"
            style="width: 50px; height: 50px; background-color: white; margin: 5px auto; cursor: pointer; display: flex; justify-content: center; align-items: center; color: black;">
            帅</div> 
        <div id="mf0" class="box"
            style="width: 50px; height: 50px; background-color: white; margin: 5px auto; cursor: pointer; display: flex; justify-content: center; align-items: center; color: black;">
            置顶</div>
    </div>
    
    <script src="../static/javascripts/jQuery.js"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="../static/javascripts/swiper.js"></script>
    <script>
        var data = [{ "color": "#F6C6DF" }, { "color": "#104C8A" }
            , { "color": "#A6FFED" }, { "color": "#BEBEBE" }, { "color": "#F6C6DF" }]
        var mySwiper = new Swiper(".swiper-container", {
            direction: "horizontal", // 垂直切换选项
            loop: true,
            autoplay: true,
            effect: "fade",
            on: {
                paginationUpdate: function () {

                    var color = data[this.activeIndex - 1];
                    $("#fff").css({
                        background: function () {
                            return color.color;
                        }
                    }

                    )
                },
            },
            // 如果需要分页器
            pagination: {
                el: ".swiper-pagination",

                clickable: true,
                renderBullet: function (index, className) {

                    return '<span class="' + className + '">' + (index + 1) + '</span>';
                }
            },
            // 如果需要滚动条
            scrollbar: {
                el: ".swiper-scrollbar",
            },
        });
        $(".swiper-pagination-bullet").hover(function () {
            $(this).click();
        }, function () {
            mySwiper.autoplay.start();
        })
    </script>

    <script src="../dist/javascripts/index.js"></script>
</body>

</html>